<!--  -->
<template>
  <div class="worm">
    <p><img src="../../assets/img/支付成功.png" alt="" /></p>
    <p>充值成功</p>
    <p>￥{{ this.$route.query.price }}</p>
    <button @click="tobalance">完成</button>
  </div>
</template>

<script>
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
    //这里存放数据
    return {};
  },
  //监听属性 类似于data概念
  computed: {},
  //监控data中的数据变化
  watch: {},
  //方法集合
  methods: {
    tobalance() {
      this.$router.push("/balance");
    },
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
};
</script>
<style lang="scss" scoped>
@import "@css/style.scss";
.worm {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  :nth-child(1) {
    margin-top: 16%;
  }
  :nth-child(2) {
    font-size: px2rem(16);
    font-weight: bold;
  }
  button {
    width: 50%;
    height: 6%;
    font-size: px2rem(18);
    border: none;
    margin-top: 50%;
    margin-left: 25%;
    color: #17a261;
  }
}
</style>
